<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0">
	<title>个人信息</title>
	<script type="text/javascript" src="js/init.js"></script>
	<link rel="stylesheet" type="text/css" href="css/common.css">
	<link rel="stylesheet" type="text/css" href="css/info.css">
	<link rel="stylesheet" type="text/css" href="css/parsley.css">
	<link rel="stylesheet" type="text/css" href="css/sui/sm.min.css">
</head>
<body>
	<div class="info-main">
		<form id="my-info">			
			<section class="info-item vip-item">
				<div class="item">
					<div class="name"><img src="images/photo.png"></div>
					<div class="dec">会员号：XXXX</div>
				</div>
			</section>
			<section class="info-item my-item">
				<div class="item">
					<div class="name"><i class="my-name"></i>姓名</div>
					<div class="dec">
						<input type="" name="" value="王琪" required data-parsley-error-message="输入姓名"/>
					</div>
				</div>
				<div class="item">
					<div class="name"><i class="my-phone"></i>手机</div>
					<div class="dec">
						<input type="" name="" value="1354788448" data-parsley-pattern="1[3|4|5|8]{1}\d{9}" data-parsley-error-message="输入正确手机号码" required/>
					</div>
				</div>
				<div class="item">
					<div class="name"><i class="my-sex"></i>性别</div>
					<div class="dec">
						<input type="" name="" value="女" id="sex-select" readonly><i></i>
					</div>
				</div>
				<div class="item">
					<div class="name"><i class="my-email"></i>电子邮箱</div>
					<div class="dec">
						<input type="text" data-parsley-type="email" name="" value="23423@qq.com" required data-parsley-error-message="输入正确电子邮箱"/>
					</div>
				</div>
				<div class="item">
					<div class="name"><i class="my-member"></i>身份证号码</div>
					<div class="dec">
						<input type="text" data-parsley-type="integer" name="" value="4415335548845" required data-parsley-error-message="输入身份证号码"/>
					</div>
				</div>
				<div class="item">
					<div class="name top"><i class="my-address"></i>住址</div>
					<div class="dec">
						<textarea required data-parsley-error-message="输入住址">XX省XX市XX区XX路XX号</textarea> 
					</div>
				</div>
			</section>
			<section class="info-item other-item">
				<a class="item" href="#">
					<div class="name"><i class="my-search"></i></div>
					<div class="dec">我的服务查询<i></i></div>
				</a>
				<a class="item" href="3.1-spouseInfo.html">
					<div class="name"><i class="my-spouse"></i></div>
					<div class="dec">配偶信息<i></i></div>
				</a>
				<a class="item" href="3.1-badyInfo.html">
					<div class="name"><i class="my-bady"></i></div>
					<div class="dec">宝宝信息<i></i></div>
				</a>
			</section>
			<input type="submit" class="info-submit" name="" value="保存修改">
		</form>
	</div>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/parsley.js"></script>
	<script type="text/javascript">
		$.noConflict();
	</script>
	<script type="text/javascript" src="js/zepto.min.js"></script>
	<script type="text/javascript" src="js/sui/sm.min.js"></script>
	<script type="text/javascript">
		$(function() {
			jQuery('#my-info').parsley();

			$("#sex-select").picker({
				toolbarTemplate: '<header class="bar bar-nav">\
				  <button class="button button-link pull-right close-picker">确定</button>\
				  <h1 class="title">请选择性别</h1>\
				  </header>',
				cols: [
				    {
				      textAlign: 'center',
				      values: ['男', '女']
				    },				  
				]
			});
		})
	</script>
</body>
</html>